/* import DefaultTheme from 'vitepress/theme';

export default DefaultTheme; */

import { Theme } from 'vitepress';
import ElementPlus from 'element-plus';
import Layout from './components/Layout.vue';
import NotFound from './components/NotFound.vue';
import DesignGuide from './components/globals/DesignGuide.vue';
import Demo from './components/globals/Demo.vue';
import 'virtual:windi.css';
import 'element-plus/dist/index.css';
import './style.scss';

const theme: Theme = {
  Layout,
  NotFound,
  enhanceApp({ app, router, siteData }) {
    // app is the Vue 3 app instance from `createApp()`. router is VitePress'
    // custom router. `siteData` is a `ref` of current site-level metadata.

    // console.log(app);
    // console.log(router);
    // console.log(siteData);

    app.use(ElementPlus);

    app.component('DesignGuide', DesignGuide);
    app.component('Demo', Demo);
  },
};

export default theme;
